export default defineNuxtPlugin((nuxtApp) => {
  // 默认页面过渡
  nuxtApp.hook("app:mounted", () => {
    // 添加全局过渡设置
    const pageTransition = {
      name: "page",
      mode: "out-in",
    };

    // 可以基于当前路由选择不同的过渡效果
    nuxtApp.hook("page:start", () => {
      const route = useRoute();

      // 博客详情页使用滑动过渡
      if (route.path.startsWith("/blog/") && !route.path.endsWith("/blog/")) {
        pageTransition.name = "slide-left";
      }
      // 从详情页返回到列表页
      else if (route.path === "/blog/" || route.path === "/blog") {
        pageTransition.name = "slide-right";
      }
      // 作品集页面
      else if (route.path.startsWith("/portfolio")) {
        pageTransition.name = "page";
      }
      // 其他页面使用默认过渡
      else {
        pageTransition.name = "page";
      }
    });
  });
});
